
body {
  font-size:62.5%;
  padding:0;
  margin:0;
}

th,
td {
	vertical-align: top;
	padding: 2px 0;
	border-bottom:1px solid rgb(230,230,230);
	text-align:left;
}
textarea {
	width:100%;
}
code,
th,
td,
textarea,
input,
select {
    font-family:monospace;
    font-weight: normal;
	margin:0;
}
textarea{
	font-size:1em;
}
td {
  color:rgb(0,0,0);
padding-left:2px;
padding-left:2px;
}
th, td {
    font-size:1.4em;
}
select {
	font-size:1.4em;
}

th {
	font-size:1.4em;
	color:rgb(120,120,120);
	background-color:rgb(230,230,230);
}

code {
	padding:2px ! important;
	display:block;
}

table {
  width: 100%;
}

a {}

th,
.line {
	padding: 4px 2px;
}

a img {
	border:none;
}

.line {
  width: 4%;
  padding-right: 5px;
  text-align: right;
}
.diff {
	text-align:center;
    vertical-align:middle;
}

.leftfile { width: 46%; }
.diff { width: 5%; padding-right: 3px; padding-left: 3px; }
.rightfile { width:45%; }

.deleted td {background-color:#ffcccc;}
.deleted .leftfile { background-color: #ff9999; }
.deleted .line { background-color: #cc6666; }

.added td {background-color:#ccffcc;}
.added .rightfile { background-color: #99ff99; }
.added .line { background-color:#66cc66; }

.changed td {background-color:#ccccff;}
.changed .leftfile,
.changed .rightfile { background-color: #9999ff; }
.changed .line { background-color: #6666cc; }
.changed textarea {background-color: #ccccff; }

.edited td {background-color:#ccffff;}
.edited .line {background-color:#66cccc;}
.edited .leftfile {background-color:#99ffff;}

/*
.inserted td {background-color:#999999;}
.inserted .line {background-color:#999999;}
.inserted .leftfile {background-color:#999999;}
*/

/*
.removed td {font-style: italic; color: rgb(220,220,220);}
.removed .line {background-color:#999999;}
.removed .leftfile {background-color:#999999;}
*/

#menu {
  padding: 4px 8px;
  position: fixed;
  width: 100%;
  height: 20px;
  background-color: rgb(255,255,200);
  color:rgb(0,0,0);
  vertical-align: middle;
  left: 0;
  top: 0;
  font-size:1.2em;
  font-family:monospace;
}
#menu td {
  font-family: monospace;
  font-size: 1.2em;
  padding: 0;
  padding-left: 2px;
  padding-right: 2px;
  border: 0;
  border-right:1px solid rgb(225, 225, 225);
}

#helper {
  padding: 4px 8px;
  position: fixed;
  width: 100%;
  background-color: rgb(0,0,0);
  color:rgb(255,255,255);
  vertical-align: middle;
  left: 0;
  bottom: 0;
  font-size:1.2em;
  font-family:monospace;
}
#helper strong {
	padding-left:32px;
}
#helper strong.enter,
#helper strong.escape {
	padding-left:0;
}

tr.o {
	background-color:rgb(205,205,205);
}

tr.hilite .leftfile,
tr.hilite .rightfile,
tr.hilite .diff {
	background-color:rgb(255,255,155) ! important;
}
tr.hilite .line {
	background-color:rgb(0,0,0);
	color:rgb(255,255,255);
}

#float_text {
  padding: 3px;
  position: fixed;
  width: 200px;
  border: 1px solid #99ccff;
  background-color: #ccffcc;
  vertical-align: middle;
  left: auto;
  right: 5px;
  bottom: 5px;
}

.intraline {
    background-color:rgb(255,200,200);
}

.editbox {
  width: 95%; 
  overflow: auto; 
  padding-left: 2px; 
  height: 30px;
}

.bluebutton {
  width: auto;
  padding: 2px;
  background-color: lightblue;
  border: 1px solid blue;
  font-weight: normal;
  font-family: verdana ! important;
  font-size: 1.0em ! important;
  vertical-align: top;
}

tr.folded {
  display: none;
}

pre.error {
  color: rgb(255, 0, 0);
  font-size: 12px;
  font-family: verdana ! important;
  margin: 20px;
}

.instr {
  font-size: 12px;
  font-family: verdana;
  margin: 20px;
}

#passwd_c {
    position:absolute;
    left: 300px;
    top: 100px;
    background-color: rgb(230,230,230);
    padding: 10px;
    border: 1px solid blue;
}

